import React from "react";
import Image from "next/image";
export default function ShoppingItem() {
  return (
    <div className="shadow-guide w-[389px] h-[372px] rounded-[20px] bg-white p-[12px]">
      <Image
        src={"/assets/footer/partner_4.png"}
        alt=""
        width={365}
        height={208}
        className="w-[362px] h-[208px]"
      ></Image>
      <div className="flex mt-8 ">
        <span className="w-[3px] h-[42px] rounded-[2px] bg-[#2E9BF9] mr-[10px]"></span>
        <p className="flex-auto text-[22px] leading-6 font-bold text-[#000033]">
          美国海淘全攻略:怎么买?怎么寄?如何省最多?
        </p>
      </div>

      <div className="flex items-center justify-between mt-3 pl-[13px]">
        <span>2025-04-25</span>

        <button className="w-[75px] transition-all hover:-translate-y-1 h-9 bg-[#0FA2FF] rounded-[17px] leading-9 text-[18px] text-white text-center">
          查看
        </button>
      </div>
    </div>
  );
}
